<!--<template>-->
<!--  <div>-->
<!--    <div class="right-side-toolbar" :class="{ collapsed: true }">-->
<!--      &lt;!&ndash; 折叠/展开按钮 &ndash;&gt;-->
<!--      <div class="toggle-button" @click="toggleCollapse">-->
<!--      </div>-->
<!--      &lt;!&ndash; 工具栏内容 &ndash;&gt;-->
<!--      <div class="toolbar-content">-->
<!--        <slot></slot>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div>-->
<!--      <el-drawer @close="closeChat" :show-close="false" destroy-on-close :visible.sync="drawer" direction="rtl">-->
<!--        <AIChat></AIChat>-->
<!--      </el-drawer>-->
<!--    </div>-->
<!--  </div>-->

<!--</template>-->

<!--<script>-->
<!--import AIChat from "@/components/AIChat";-->

<!--export default {-->
<!--  components: {AIChat},-->
<!--  data() {-->
<!--    return {-->
<!--      drawer: false,// 默认不显示聊天界面-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    toggleCollapse() {-->
<!--      this.drawer = true;-->
<!--    },-->
<!--    closeChat() {-->
<!--      this.drawer = false;-->
<!--    },-->
<!--  },-->
<!--};-->
<!--</script>-->

<!--<style scoped>-->
<!--.right-side-toolbar {-->
<!--  position: fixed;-->
<!--  right: 0;-->
<!--  top: 22%;-->
<!--  transform: translateY(-50%);-->
<!--  width: 80px;-->
<!--  border-right: none;-->
<!--  border-radius: 5px 0 0 5px;-->
<!--  /*box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);*/-->
<!--  transition: width 0.3s ease;-->
<!--  z-index: 1000;-->
<!--}-->

<!--.right-side-toolbar.collapsed {-->
<!--  width: 20px;-->
<!--}-->

<!--.toggle-button {-->
<!--  background-image: url("@/assets/image/ai.png"); /* 确保路径正确 */-->
<!--  background-size: cover; /* 确保图片完整显示 */-->
<!--  background-position: center; /* 图片居中 */-->
<!--  position: absolute;-->
<!--  left: -3px;-->
<!--  top: 50%;-->
<!--  transform: translateY(-50%);-->
<!--  width: 60px;-->
<!--  height: 60px;-->
<!--  text-align: center;-->
<!--  line-height: 40px;-->
<!--  border-radius: 5px 0 0 5px;-->
<!--  cursor: pointer;-->
<!--  /*box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);*/-->
<!--}-->

<!--.toolbar-content {-->
<!--  padding: 20px;-->
<!--  opacity: 1;-->
<!--  transition: opacity 0.3s ease;-->
<!--}-->

<!--.right-side-toolbar.collapsed .toolbar-content {-->
<!--  opacity: 0;-->
<!--  pointer-events: none; /* 折叠时禁用内容交互 */-->
<!--}-->
<!--</style>-->
